// components/tabbed/index.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    active: {
      type: Number,
      value: 0
    }
  },

  /**
   * 组件的初始数据
   */
  data: {
    tabbedConfig: [
      { normal: 'ico_tabbar_01.png', active: 'ico_tabbar_11.png', text: '首页' },
      { normal: 'ico_tabbar_02.png', active: 'ico_tabbar_12.png', text: '活动' },
      { normal: 'ico_tabbar_03.png', active: 'ico_tabbar_13.png', text: '商城' },
      { normal: 'ico_tabbar_04.png', active: 'ico_tabbar_14.png', text: '我的' }
    ],  // tabbar配置数据
    activeTab: 0,  // 当前激活的tabbar
    tabUrlList: [
      '/demo/pages/index/index',
      '/demo/pages/activity/index',
      '/demo/pages/mall/index',
      '/demo/pages/user/index'
    ],  // tabbar路由地址
  },

  /**
   * 数据监听
   */
  observers: {
    active(v) {
      var max = this.data.tabbedConfig.length - 1
      this.setData({
        activeTab: v < 0 ? 0 : v > max ? max : v 
      })
    }
  },

  /**
   * 组件的方法列表
   */
  methods: {
    // tabbar点击事件
    _bindTabTap(e) {
      var activeTab = parseInt(e.currentTarget.id.replace(/\D+/g, ''))
      if (this.data.activeTab !== activeTab) {
        if (this.data.tabUrlList[activeTab]) {
          wx.reLaunch({
            url: this.data.tabUrlList[activeTab],
            success: () => {
              this.setData({
                activeTab: activeTab
              })
            }
          })
        }
      }
    }
  }
})
